<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>话题</title>
    <link rel="icon" href="/static/images/logo.jpg" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="/static/css/index.css"/>
    <link rel="stylesheet" type="text/css" href="/static/css/topic.css"/>
    <script type="text/javascript" src="/static/js/topic.js"></script>
</head>
<body>
<div class="header">
    <div class="wrap">
        <div class="col-2" style="width:auto;">
            <div class="logo"></div>
        </div>
        <div class="col-6" style="width:auto;">
            <div class="search">
                <form action="">
                    <input class="search-input" id="search-content" type="text"
                    placeholder="搜索你感兴趣的内容"/>
                    <div class="searbtn"></div>
                </form>
            </div>
        </div>
        <div class="col-2" style="width:25%;">
            <div class="menu">
                <ul>
                    <li><a href="/app1/index/">首页</a></li>
                    <li><a href="#" id="title">话题</a></li>
                    <li><a href="#">统计</a></li>
                    <li><a href="#">我</a></li>
                </ul>
            </div>
        </div>

        <div class="info">
            <a href="/app1/index/" class="userinfo">
                <span class="name">{{ user_name }}</span>
                <img src="{{user_photo|default:'/static/images/userinfo.jpg'}}" width="35" height="35"/>
            </a>
            <a href="#" class="userinfo">退出</a>
            <ul class="down">
                <li><a href="/app1/index/">我的主页</a></li>
                <li><a href="#">私信</a></li>
                <li><a href="#">设置</a></li>
                <li><a href="/app1/login//">退出</a></li>
            </ul>
        </div>
        <div class="btn phone-width" onclick="quiz()">提问</div>
    </div>
</div>
<!-- 知乎头部结束 -->
<!-- 知乎内容主体部分开始 -->
<div class="content">
    <div class="contentmain">
        <!-- 知乎右半部分开始 -->
        <div class="right">
            <div class="topics-plaza">
                <a href="#" class="zg-btn-blue">
                    进入话题广场
                </a>
                <a href="#" class="text">
                    来这里发现更多有趣话题
                </a>
            </div>
            <div class="topic-recommend">
                <div class="topic-recommend-head">
                    <h2 class="topic-recommend-name">其他人关注的话题</h2>
                    {#  <a href="/personal/hyh/">#}
                    <a href="#" onclick="hyh()" id="hyh">
                        换一换
                    </a>
                </div>
                <div class="topic-recommend-list">
                    <div class="listone">
                        <div class="listimg"></div>
                        <div class="listwenzi">
                            <h3><a href="#" class="tiaozhuan">{{ title|default:'动漫' }}</a></h3>
                            <a href="#" class="guanzhu">关注</a>
                        </div>
                    </div>

                </div>
                <div class="topic-recommend-list">
                    <div class="listone">
                        <div class="listimg"></div>
                        <div class="listwenzi">
                            <h3><a href="#" class="tiaozhuan">{{ title|default:'游戏' }}</a></h3>
                            <a href="#" class="guanzhu">关注</a>
                        </div>
                    </div>

                </div>
                <div class="topic-recommend-list">
                    <div class="listone">
                        <div class="listimg"></div>
                        <div class="listwenzi">
                            <h3><a href="#" class="tiaozhuan">{{ title|default:'娱乐' }}</a></h3>
                            <a href="#" class="guanzhu">关注</a>
                        </div>
                    </div>

                </div>
            </div>

        </div>
        <!-- 知乎右半部分结束 -->
        <!-- 知乎左半部分开始 -->
        <div class="contentmain-left">
            <div class="lefttltle">
                <i class="tilteimg"></i>
                <span>已关注的动态话题</span>
                <a href="#">共关注<span id="count"></span>个话题</a>
            </div>
            <ul class="topic"></ul>
            <div class="quizContainer" id="quizContainer">

                {% for q in questions %}
                <div class="listitem">
                    <h2>
                        <a id="title">{{ q.q_title }}</a>
                    </h2>
                    <div class="expandable">
                        <div class="zan" id="zan" onclick="add_zan(this)">{{ q.q_zan }}</div>
                        <div class="">
                            <span class="summary-wrapper">
                                <span class="author-link-line"><a>{{ q.q_create_time }}</a></span>
                                <br>
                                <span class="wangming" title="quiz.userContent"></span>
                                </span>
                            <div class="article">
                                <span class="a">{{ q.q_content }}</span>
                                <a href="#" class="toggle-expand b">显示全部</a>
                            </div>
                            <div class="banquan">
                                <a href="#">关注问题</a>
                                <a href="#">5条评论</a>
                                <a href="#">作者保留权利</a>
                            </div>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
</div>
</body>
</html>